<%@ page language="java" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>主页</title>

    <meta name="keywords" content="艺博客，装点生活">
    <meta name="description" content="艺博客为书画爱好者提供服务平台">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/><![endif]-->
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="shortcut icon" href="http://www.zi-han.net/theme/hplus/favicon.ico">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="css/layer_002.css" id="layui_layer_skinlayercss" style="">
    <link rel="stylesheet" href="css/layer.css" id="layui_layer_skinlayerextcss" style="">
    <link rel="stylesheet" href="css/style_002.css" id="layui_layer_skinmoonstylecss" style="">
</head>

<body class="fixed-sidebar full-height-layout gray-bg  pace-done" style="overflow:hidden">
<div class="pace  pace-inactive">
    <div class="pace-progress" style="width: 100%;" data-progress-text="100%" data-progress="99">
        <div class="pace-progress-inner"></div>
    </div>
    <div class="pace-activity"></div>
</div>
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%;">
            <div class="sidebar-collapse" style="width: auto; height: 100%;">
                <ul class="nav" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element">
                            <span><img alt="image" class="img-circle" src="images/profile_small.jpg"></span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <%request.getSession().getAttribute("adminUser");%>
                               <span class="block m-t-xs"><strong class="font-bold">${request.getSession().getAttribute("adminUser")}==<%request.getSession().getAttribute("adminUser");%></strong></span>
                                <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>
                                </span>
                            </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li>
                                    <a class="J_menuItem" href="havatar.jsp" data-index="0">修改头像</a>
                                </li>
                                <!-- <li>
                                    <a class="J_menuItem" href="hprofile.jsp" data-index="1">个人资料</a>
                                </li> -->

                                <li class="divider"></li>
                                <li>
                                    <a href="hlogin">安全退出</a>
                                </li>
                            </ul>
                        </div>
                        <div class="logo-element">艺
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa fa-bar-chart-o"></i> <span class="nav-label">客户管理表</span> <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level collapse">

                            <li>
                                <a class="J_menuItem" href="/admin/Hproduct" data-index="38">艺术家管理表</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="#" data-index="39">公司部门表</a>
                            </li>

                        </ul>

                    </li>
                    <li>
                        <a href="#"><i class="fa fa-picture-o"></i>
                            <span class="nav-label">页面分类管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li>
                                <a class="J_menuItem" href="/admin/hheadpage2" data-index="81">首页</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="/admin/hartistype" data-index="82">艺术家</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="#" data-index="83">艺术品</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="#" data-index="84">艺租赁</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="#" data-index="85">专场</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="#" data-index="80">资讯</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#"> <i class="fa fa-table"></i>
                            <span class="nav-label">表单管理</span><span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level collapse">
                            <li>
                                <a class="J_menuItem" href="#" data-index="36">商品统计表</a>
                            </li>

                            <li>
                                <a class="J_menuItem" href="#" data-index="19">添加商品</a>
                            </li>
                            <!--  <li>
                                 <a class="J_menuItem" href="hproductup.jsp" data-index="20">修改商品</a>
                             </li> -->
                            <li>
                                <!--   <a class="J_menuItem" href=" hproductadd.jsp " data-index="21">删除商品</a> -->
                                <a class="J_menuItem" href="#" data-index="21">删除商品</a>
                            </li>
                            <%--  <li>
                                 <a class="J_menuItem" href="${pageContext.request.contextPath}/managehproduct.do?lookhProductID" data-index="22">查看商品</a>
                             </li>
                             --%>
                        </ul>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-columns"> </i> <span class="nav-label">登录注册相关</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-third-level collapse">
                            <li>
                                <a href="hlogin.jsp" target="_blank">登录页面</a>
                            </li>

                            <li>
                                <a href="hregister.jsp" target="_blank">注册页面</a>
                            </li>
                            <li>
                                <a href="#" target="_blank">登录超时</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="h404.jsp" data-index="53">404页面</a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <a href="#"> <i class="fa fa-desktop"></i>
                            <span class="nav-label">结算打印表</span> <span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">


                            <li>
                                <a class="J_menuItem" href="hinvoice.jsp" data-index="47">单据</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="hinvoice_print.jsp" data-index="48">单据打印</a>
                            </li>

                        </ul>
                    </li>


                    <li>
                        <a href="#"> <i class="fa fa-edit"></i>
                            <span class="nav-label">编辑器</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li>
                                <a class="J_menuItem" href="hcalendar.jsp" data-index="40">日历</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="havatar.jsp" data-index="25">头像裁剪上传</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="hform_editors.jsp" data-index="26">文本编辑器</a>
                            </li>
                        </ul>
                    </li>

            </div>
            <div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 4px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 440.645px;"></div>
            <div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.9; z-index: 90; right: 1px;"></div>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"> <i class="fa fa-bars"></i>
                    </a>
                    <form role="search" class="navbar-form-custom" method="post" action="search_results.html">
                        <div class="form-group">
                            <input placeholder="请输入您需要查找的内容 …" class="form-control" name="top-search" id="top-search" type="text">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <!--  <li class="dropdown">
                         <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                             <i class="fa fa-envelope"></i> <span class="label label-warning">16</span>
                         </a>
                         <ul class="dropdown-menu dropdown-messages">
                             <li class="m-t-xs">
                                 <div class="dropdown-messages-box">
                                     <a href="" class="pull-left">
                                         <img alt="image" class="img-circle" src="images/a7.jpg">
                                     </a>
                                     <div class="media-body">
                                         <small class="pull-right">46小时前</small>
                                         <strong>小四</strong> 这个在日本投降书上签字的军官，建国后一定是个不小的干部吧？ <br>
                                         <small class="text-muted">3天前 2014.11.8</small>
                                     </div>
                                 </div>
                             </li> -->
                    <!--     <li class="divider"></li> -->
                    <!--  <li>
                         <div class="dropdown-messages-box">
                             <a href="hprofile.jsp" class="pull-left">
                                 <img alt="image" class="img-circle" src="images/a4.jpg">
                             </a>
                             <div class="media-body ">
                                 <small class="pull-right text-navy">25小时前</small>
                                 <strong>国民岳父</strong> 如何看待“男子不满自己爱犬被称为狗，刺伤路人”？——这人比犬还凶 <br>
                                 <small class="text-muted">昨天</small>
                             </div>
                         </div>
                     </li> -->
                    <!-- <li class="divider"></li>
                    <li>
                        <div class="text-center link-block">
                            <a class="J_menuItem" href="hmailbox.jsp" data-index="88">
                                <i class="fa fa-envelope"></i> <strong> 查看所有消息</strong>
                            </a>
                        </div>
                    </li>
                </ul>
            </li> -->
                    <!--   <li class="dropdown">
                          <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                              <i class="fa fa-bell"></i> <span class="label label-primary">8</span>
                          </a>
                          <ul class="dropdown-menu dropdown-alerts">
                              <li>
                                  <a href="hmailbox.jsp">
                                      <div>
                                          <i class="fa fa-envelope fa-fw"></i> 您有16条未读消息
                                          <span class="pull-right text-muted small">4分钟前</span>
                                      </div>
                                  </a>
                              </li>
                              <li class="divider"></li>
                              <li>
                                  <a href="hprofile.jsp">
                                      <div>
                                          <i class="fa fa-qq fa-fw"></i> 3条新回复 <span class="pull-right text-muted small">12分钟钱</span>
                                      </div>
                                  </a>
                              </li>
                              <li class="divider"></li>
                              <li>
                                  <div class="text-center link-block">
                                      <a class="J_menuItem" href="http://www.zi-han.net/theme/hplus/notifications.html" data-index="89">
                                          <strong>查看所有 </strong> <i class="fa fa-angle-right"></i>
                                      </a>
                                  </div>
                              </li>
                          </ul>
                      </li> -->
                    <!-- <li class="hidden-xs">
                        <a href="hshop.jsp" class="J_menuItem" data-index="0"><i class="fa fa-cart-arrow-down"></i>
                            购买
                        </a>
                    </li> -->
                    <!--   <li class="dropdown hidden-xs">
                          <a class="right-sidebar-toggle" aria-expanded="false">
                             <i class="fa fa-tasks"></i>  主题
                          </a>
                      </li> -->
                </ul>
            </nav>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active J_menuTab" data-id="hshop.jsp">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabShowActive">
                        <a>定位当前选项卡</a>
                    </li>
                    <li class="divider"></li>
                    <li class="J_tabCloseAll">
                        <a>关闭全部选项卡</a>
                    </li>
                    <li class="J_tabCloseOther">
                        <a>关闭其他选项卡</a>
                    </li>
                </ul>
            </div>
            <a href="hlogin.jsp" class="roll-nav roll-right J_tabExit"><!-- <i class="fa fa fa-sign-out"></i> --> 退出</a>
        </div>
        <div class="row J_mainContent" id="content-main">
            <iframe class="J_iframe" name="iframe0" src="hshop.jsp" data-id="index_v1.html" seamless="" width="100%" height="100%" frameborder="0"></iframe>
        </div>
        <div class="footer">
            <div class="pull-right">© 2014-2015
                <a href="http://www.zi-han.net/" target="_blank">zihan's blog</a>
            </div>
        </div>
    </div>
    <!--右侧部分结束-->
    <!--右侧边栏开始-->
    <div id="right-sidebar">
        <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%;">
            <div class="sidebar-container" style="width: auto; height: 100%;">

                <ul class="nav nav-tabs navs-3">

                    <!-- <li class="active">
                        <a data-toggle="tab" href="#tab-1">
                            <i class="fa fa-gear"></i> 主题
                        </a>
                    </li> -->
                    <li class="">
                        <a data-toggle="tab" href="#tab-2">
                            通知
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#tab-3">
                            项目进度
                        </a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="sidebar-title">
                            <h3><!-- <i class="fa fa-comments-o"></i> --> 主题设置</h3>
                            <small><!-- <i class="fa fa-tim"></i> --> 你可以从这里选择和预览主题的布局和样式，这些设置会被保存在本地，下次打开的时候会直接应用这些设置。</small>
                        </div>
                        <div class="skin-setttings">
                            <!-- <div class="title">主题设置</div> -->
                            <div class="setings-item">
                                <span>收起左侧菜单</span>
                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu" type="checkbox">
                                        <label class="onoffswitch-label" for="collapsemenu">
                                            <span class="onoffswitch-inner"></span> <!-- <span class="onoffswitch-switch"></span> -->
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="setings-item">
                                <span>固定顶部</span>

                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input name="fixednavbar" class="onoffswitch-checkbox" id="fixednavbar" type="checkbox">
                                        <label class="onoffswitch-label" for="fixednavbar">
                                            <span class="onoffswitch-inner"></span> <!-- <span class="onoffswitch-switch"></span> -->
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="setings-item">
                                <span>
                        固定宽度
                    </span>

                                <div class="switch">
                                    <div class="onoffswitch">
                                        <input name="boxedlayout" class="onoffswitch-checkbox" id="boxedlayout" type="checkbox">
                                        <label class="onoffswitch-label" for="boxedlayout">
                                            <span class="onoffswitch-inner"></span> <!-- <span class="onoffswitch-switch"></span> -->
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="title">皮肤选择</div>
                            <div class="setings-item default-skin nb">
                                <span class="skin-name ">
                         <a href="#" class="s-skin-0">
                             默认皮肤
                         </a>
                    </span>
                            </div>
                            <div class="setings-item blue-skin nb">
                                <span class="skin-name ">
                        <a href="#" class="s-skin-1">
                            蓝色主题
                        </a>
                    </span>
                            </div>
                            <div class="setings-item yellow-skin nb">
                                <span class="skin-name ">
                        <a href="#" class="s-skin-3">
                            黄色/紫色主题
                        </a>
                    </span>
                            </div>
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane">

                        <div class="sidebar-title">
                            <h3><i class="fa fa-comments-o"></i> 最新通知</h3>
                            <small><i class="fa fa-tim"></i> 您当前有10条未读信息</small>
                        </div>

                        <div>

                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a1.jpg">

                                        <div class="m-t-xs">
                                            <i class="fa fa-star text-warning"></i> <i class="fa fa-star text-warning"></i>
                                        </div>
                                    </div>
                                    <div class="media-body">

                                        据天津日报报道：瑞海公司董事长于学伟，副董事长董社轩等10人在13日上午已被控制。 <br>
                                        <small class="text-muted">今天 4:21</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a2.jpg">
                                    </div>
                                    <div class="media-body">
                                        HCY48之音乐大魔王会员专属皮肤已上线，快来一键换装拥有他，宣告你对华晨宇的爱吧！ <br>
                                        <small class="text-muted">昨天 2:45</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a3.jpg">

                                        <div class="m-t-xs">
                                            <i class="fa fa-star text-warning"></i> <i class="fa fa-star text-warning"></i>
                                            <i class="fa fa-star text-warning"></i>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        写的好！与您分享 <br>
                                        <small class="text-muted">昨天 1:10</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a4.jpg">
                                    </div>

                                    <div class="media-body">
                                        国外极限小子的炼成！这还是亲生的吗！！ <br>
                                        <small class="text-muted">昨天 8:37</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a8.jpg">
                                    </div>
                                    <div class="media-body">

                                        一只流浪狗被收留后，为了减轻主人的负担，坚持自己觅食，甚至......有些东西，可能她比我们更懂。 <br>
                                        <small class="text-muted">今天 4:21</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a7.jpg">
                                    </div>
                                    <div class="media-body">
                                        这哥们的新视频又来了，创意杠杠滴，帅炸了！ <br>
                                        <small class="text-muted">昨天 2:45</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a3.jpg">

                                        <div class="m-t-xs">
                                            <i class="fa fa-star text-warning"></i> <i class="fa fa-star text-warning"></i>
                                            <i class="fa fa-star text-warning"></i>
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        最近在补追此剧，特别喜欢这段表白。 <br>
                                        <small class="text-muted">昨天 1:10</small>
                                    </div>
                                </a>
                            </div>
                            <div class="sidebar-message">
                                <a href="#">
                                    <div class="pull-left text-center">
                                        <img alt="image" class="img-circle message-avatar" src="images/a4.jpg">
                                    </div>
                                    <div class="media-body">
                                        我发起了一个投票 【你认为下午大盘会翻红吗？】 <br>
                                        <small class="text-muted">星期一 8:37</small>
                                    </div>
                                </a>
                            </div>
                        </div>

                    </div>
                    <div id="tab-3" class="tab-pane">

                        <div class="sidebar-title">
                            <h3><i class="fa fa-cube"></i> 最新任务</h3>
                            <small><i class="fa fa-tim"></i> 您当前有14个任务，10个已完成</small>
                        </div>

                        <ul class="sidebar-list">
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>市场调研</h4> 按要求接收教材；

                                    <div class="small">已完成： 22%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
                                    </div>
                                    <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>可行性报告研究报上级批准 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对

                                    <div class="small">已完成： 48%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>立项阶段</h4> 东风商用车公司 采购综合综合查询分析系统项目进度阶段性报告武汉斯迪克科技有限公司

                                    <div class="small">已完成： 14%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="label label-primary pull-right">NEW</span>
                                    <h4>设计阶段</h4>
                                    <!--<div class="small pull-right m-t-xs">9小时以后</div>-->项目进度报告(Project Progress Report)
                                    <div class="small">已完成： 22%</div>
                                    <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>拆迁阶段</h4> 科研项目研究进展报告 项目编号: 项目名称: 项目负责人:

                                    <div class="small">已完成： 22%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 22%;" class="progress-bar progress-bar-warning"></div>
                                    </div>
                                    <div class="small text-muted m-t-xs">项目截止： 4:00 - 2015.10.01</div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>建设阶段 </h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对

                                    <div class="small">已完成： 48%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 48%;" class="progress-bar"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="small pull-right m-t-xs">9小时以后</div>
                                    <h4>获证开盘</h4> 编写目的编写本项目进度报告的目的在于更好的控制软件开发的时间,对团队成员的 开发进度作出一个合理的比对

                                    <div class="small">已完成： 14%</div>
                                    <div class="progress progress-mini">
                                        <div style="width: 14%;" class="progress-bar progress-bar-info"></div>
                                    </div>
                                </a>
                            </li>

                        </ul>

                    </div>
                </div>

            </div>
            <div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 4px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px; height: 446.799px;"></div>
            <div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.4; z-index: 90; right: 1px;"></div>
        </div>
    </div>
    <!--右侧边栏结束-->
    <!--mini聊天窗口开始-->
    <!-- <div class="small-chat-box fadeInRight animated">

        <div class="heading" draggable="true">
            <small class="chat-date pull-right">
                2015.9.1
            </small>
            与 Beau-zihan 聊天中
        </div>

        <div class="slimScrollDiv" style="position: relative; width: auto; height: 234px;"><div class="content" style="width: auto; height: 234px;">

            <div class="left">
                <div class="author-name">
                    Beau-zihan
                    <small class="chat-date">
                        10:02
                    </small>
                </div>
                <div class="chat-message active">
                    你好
                </div>

            </div>
            <div class="right">
                <div class="author-name">
                    游客
                    <small class="chat-date">
                        11:24
                    </small>
                </div>
                <div class="chat-message">
                    你好，请问H+有帮助文档吗？
                </div>
            </div>
            <div class="left">
                <div class="author-name">
                    Beau-zihan
                    <small class="chat-date">
                        08:45
                    </small>
                </div>
                <div class="chat-message active">
                    有，购买的H+源码包中有帮助文档，位于docs文件夹下
                </div>
            </div>
            <div class="right">
                <div class="author-name">
                    游客
                    <small class="chat-date">
                        11:24
                    </small>
                </div>
                <div class="chat-message">
                    那除了帮助文档还提供什么样的服务？
                </div>
            </div>
            <div class="left">
                <div class="author-name">
                    Beau-zihan
                    <small class="chat-date">
                        08:45
                    </small>
                </div>
                <div class="chat-message active">
                    1.所有源码(未压缩、带注释版本)； <br> 2.说明文档； <br> 3.终身免费升级服务； <br> 4.必要的技术支持； <br> 5.付费二次开发服务； <br> 6.授权许可； <br>
                    …… <br>
                </div>
            </div>

 -->
    <!-- </div><div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 4px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div><div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.4; z-index: 90; right: 1px;"></div></div>
    <div class="form-chat">
        <div class="input-group input-group-sm">
            <input class="form-control" type="text">
            <span class="input-group-btn"> <button class="btn btn-primary" type="button">发送
            </button> </span>
        </div>
    </div>

</div>
<div id="small-chat">
    <span class="badge badge-warning pull-right">5</span>
    <a class="open-small-chat">
        <i class="fa fa-comments"></i>

    </a>
</div> -->
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery_002.js"></script>
<script src="js/jquery_003.js"></script>
<script src="js/layer.js"></script>
<script src="js/hplus.js"></script>
<script type="text/javascript" src="js/contabs.js"></script>
<script src="js/pace.js"></script>


</body>
</html>